<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
    .red-text {
        color: red;
    }

    h2 {
        font-family: Lobster, monospace;
    }

    p {
        font-size: 16px;
        font-family: monospace;
    }

    .thick-green-border {
        border-color: green;
        border-width: 10px;
        border-style: solid;
        border-radius: 50%;
    }

    .smaller-image {
        width: 100px;
    }

    .silver-background {
        background-color: silver;
    }

    [type='checkbox'] {
        margin: 10px 0 15px 0;
    }
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>

    <a href="#"><img class="smaller-image thick-green-border" src="https://ofa83l6ao.qnssl.com/relaxing-cat.jpg" alt="一只仰卧着的萌猫"></a>

    <div class="silver-background">
        <p>猫咪最喜欢的三件东西：</p>
        <ul>
            <li>猫薄荷</li>
            <li>激光笔</li>
            <li>千层饼</li>
        </ul>
        <p>猫咪最讨厌的三件东西：</p>
        <ol>
            <li>跳蚤</li>
            <li>打雷</li>
            <li>同类</li>
        </ol>
    </div>

    <form action="/submit-cat-photo" id="cat-photo-form">
        <label><input type="radio" name="indoor-outdoor">室内</label>
        <label><input type="radio" name="indoor-outdoor">室外</label><br>
        <label><input type="checkbox" name="personality">忠诚</label>
        <label><input type="checkbox" name="personality">懒惰</label>
        <label><input type="checkbox" name="personality">积极</label><br>
        <input type="text" placeholder="猫咪图片地址" required>
        <button type="submit">提交</button>
    </form>
</main>